<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hi，Tanyiqu</title>

    <link rel="shortcut icon" type="image/x-icon" href="icon.ico" />
    <link rel="stylesheet" href="css/style.css">
    <script src="js/flexible.js"></script>

</head>

<body>
    <a class="beian" href="http://www.beian.miit.gov.cn/" target="_blank">豫ICP备20014031号-1</a>
    <!-- 顶部导航栏 -->
    <div class="navigation-bar">
        <!-- 一级标题 -->
        <ul class="ul1">
            <li>
                <a href="#">
                    <img src="imgs/icon/NavigationBar/home.png" alt="">
                    <b>首页</b>
                </a>
            </li>

            <li>
                <a href="#">
                    <img src="imgs/icon/NavigationBar/tool.png" alt="">
                    <b>工具</b>
                </a>
            </li>

            <li>
                <a href="#">
                    <img src="imgs/icon/NavigationBar/show.png" alt="">
                    <b>项目展示</b>
                </a>
                <ul class="ul2">
                    <li>
                        <a href="#">
                            究绿修改器
                        </a>
                    </li>

                    <li>
                        <a href="https://tanyiqu.github.io/AnimeArtifactPro/" target="_blank">
                            看番神器Pro
                        </a>
                    </li>

                </ul>
            </li>

            <li>
                <a href="#">
                    <img src="imgs/icon/NavigationBar/show.png" alt="">
                    <b>作业展示</b>
                </a>
                <ul class="ul2">
                    <li>
                        <a href="http://www.tanyiqu.top/pages/show/2019D11TmallDataVisualization/index.html"
                            target="_blank">
                            <img src="imgs/icon/NavigationBar/work/ksh.png" alt="">
                            数据可视化
                        </a>
                    </li>

                    <li>
                        <a href="#">
                            <img src="imgs/icon/NavigationBar/work/wxxcx.png" alt="">
                            移动终端开发
                        </a>
                    </li>

                </ul>
            </li>

            <li>
                <a href="#">
                    <img src="imgs/icon/NavigationBar/mine.png" alt="">
                    <b>我的</b>
                </a>
            </li>

            <li>
                <a href="#">
                    <img src="imgs/icon/NavigationBar/aboutme.png" alt="">
                    <b>关于我</b>
                </a>
                <ul class="ul2">
                    <li>
                        <a href="https://github.com/Tanyiqu" target="_blank">
                            <img src="imgs/icon/NavigationBar/aboutme/github.png" alt="">
                            GitHub
                        </a>
                    </li>
                    <li>
                        <a href="https://space.bilibili.com/42337616" target="_blank">
                            <img src="imgs/icon/NavigationBar/aboutme/bilibili.png" alt="">
                            bilibili
                        </a>
                    </li>
                </ul>
            </li>

        </ul>
    </div>

    <!-- 搜索框 -->
    <form class="searsh" name="searsh" action="http://www.baidu.com/s">
        <input name="wd" id="input" autocomplete="off" autofocus="autofocus" oninput='onInput(event)'
            placeholder="输入并搜索..." type="search">
        <!-- 提示列表 -->
        <div class="sugList">
            <ul id="sugList">
            </ul>
        </div>
    </form>
    <script src="js/getsug.js"></script>

    <!-- 标签 -->
    <div class="lbls">
        <div class="line">
            <a href="http://imooc.hncj.edu.cn/portal">
                <p>学习</p>
                <span>学习通</span>
            </a>

            <a href="https://www.baidu.com">
                <p>百度</p>
                <span>百度</span>
            </a>

            <a href="https://www.bilibili.com/">
                <p style="background-color: #00a3d9;">Bili</p>
                <span>BiliBili</span>
            </a>

            <a href="https://github.com/">
                <p style="background-color: #1d1b1b;">Git</p>
                <span>GitHub</span>
            </a>

            <a href="https://cn.bing.com/">
                <p>B</p>
                <span>Bing</span>
            </a>

            <a href="https://music.163.com/">
                <p>网易</p>
                <span>网易云音乐</span>
            </a>
        </div>

        <!-- <div class="line">
            <a href="http://imooc.hncj.edu.cn/portal">
                <p>学习</p>
                <span>学习通</span>
            </a>
        </div> -->
    </div>


</body>

</html>